<%@page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="renderer" content="webkit">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="Robots" content="all">
<meta name="Copyright"
	content="Copyright (c) 2000-2015 www.online.sdu.edu.cn All Rights Reserved.">
<title>i山大-资讯</title>
<script type="text/javascript" src="scripts/jquery-1.11.3.min.js"></script>
<!--[if lt IE 9]><script type="text/javascript" src="scripts/html5shiv.js"></script><![endif]-->
<link rel="stylesheet" type="text/css" href="styles/base.css" />
<link rel="stylesheet" type="text/css" href="styles/main.css" />
<link rel="stylesheet" type="text/css" href="styles/main4.css" />
</head>

<body>
	<!--[if lt IE 9]><div class="browserupgrade">您的IE浏览器版本过低，推荐最新chrome浏览器或Firefox浏览器以获得最佳浏览体验。</div><![endif]-->
	<header id="header">
		<div class="header">
			<div id="h-left">
				<a href="./"><i class="icon ico-back" id="i-back3"></i></a><a
					href="./"><i class="icon ico-logo" id="i-logo"></i></a>
			</div>
			<h2>资讯</h2>
			<i class="icon ico-back" id="i-back"></i>
			<div id="h-search-bar">
				<form id="h-form" method="get" action="./">
					<i class="icon ico-search" id="i-search1"></i>
					<div id="h-input-box">
						<input name="keyword" id="h-input" value="搜索资讯">
					</div>
				</form>
			</div>
			<div id="h-right">
				<i class="icon ico-search" id="i-search2"></i><i
					class="icon ico-filter" id="i-filter" title="筛选"></i><i
					class="icon ico-more" id="i-more"></i> <i id="h-avatar-box"><img
					id="h-avatar" src="images/avatar.jpg"></i>
			</div>
		</div>
	</header>
    
    <div id="alert">
        <div id="alert-h">需要用户登录：</div>
        <div id="alert-info">i山大用户登录功能将于近期开放，敬请期待:-D</div>
        <span id="alert-btn">确认</span>
    </div>
    <div id="shadow3" class="shadow"></div>
    
	<div id="article">
		<article data-id="${articleDetail.id }">
			<div id="arti-h">
				<h1>${articleDetail.title }</h1>
				<p>
					<span>${articleDetail.category_name}</span><span>${articleDetail.time }</span><span>
						<!-- 10：00，无数据 -->
					</span><span>@${articleDetail.web_name }</span> <br>${articleDetail.time }
					| 记者: ${articleDetail.reporter } | 责任编辑: ${articleDetail.editor }
					${articleDetail.writer }
				</p>
			</div>
			<div id="arti-c">${articleDetail.content }</div>

		</article>
	</div>
	<main id="main">
	<div id="main-inner">
		<div class="waterfall-col" id="wtf-col0"></div>
		<div class="waterfall-col" id="wtf-col1"></div>
		<div class="waterfall-col" id="wtf-col2"></div>
		<div class="waterfall-col" id="wtf-col3"></div>
		<div id="wtf-single-col"></div>
	</div>
	<div id="loading">
		<div id="load-anim">
			<div class="spinner">
				<div class="double-bounce1"></div>
				<div class="double-bounce2"></div>
			</div>
			<div class="reload" id="reload"></div>
		</div>
		<div id="loadInfo">加载中</div>
	</div>
	</main>
    <span id="scroll"></span>
	<script type="text/javascript" src="scripts/main.js"></script>
	<script type="text/javascript" src="scripts/main2.js"></script>
</body>
</html>
